<template>
  <view>
    <view class="line_45 flex_p_lr rflex flex_y_center">
      <view class="line_shu"></view>
      <view class="flex_w_8"></view>
      <view class="order_title">{{title}}</view>
    </view>
  </view>
</template>

<script>
export default {
  name: "nav_title",
  props: {
    title: {
      type: String,
      default: '',
      required: true
    }
  },
  data() {
    return {};
  }
}
</script>

<style scoped lang="scss">
.line_45{
  height: 45px;
  .line_shu{
    width: 3px;
    background: #2D4C98;
    height: 20px;
  }
  .order_title{
    font-size: 42rpx;
    font-weight: bolder;
    color: #2D4C98;
    text-shadow: 0 0 5px #f3f3f3, 0 0 10px #f3f3f3;
  }
}
</style>
